<!DOCTYPE html>
<html>
<head>
	<title>温度中文网</title>
	<link rel="stylesheet" type="text/css" href="./css/style.css">
	<link rel="stylesheet" type="text/css" href="./css/swiper.min.css">
</head>
<body>
<div class="header_top">
	<div class="center_box">
		<a href="">APP下载</a>
		<div class="headerR_box">
			<a href="">登录</a>　　 
			<a href="">注册</a>
			<span class="gangrow"></span>
			<div class="ri2">
				<a href="">最近阅读</a>
			</div>　 　 

			<div class="ri2">
				个人中心
			</div>

			<div class="ri1">
				<a href="">作家专区 </a>
				<span class="gangrow"></span>
				<a href="">充值 </a>
			</div>
		</div>
	</div>
</div>

<div class="main_box">
	<div class="center_box" style="min-height: 800px;">
 		<div class="sort_wrappy">
			<div class="tnavbox">
				<a href="">现言•萌宝</a> | 
				<a href="">现言•萌宝</a> | 
				<a href="">现言•萌宝</a> | 
				<a href="">现言•萌宝</a> | 
				<div class="tnavseekbox">
					<form id="formBox" action="./book.html" method="get">
						<input type="text" name="name" value="" placeholder="请输入书名、作者或关键字">
						<img class="seekBut" src="./img/seek.png" alt="" onclick="document.getElementById('formBox').submit()">
					</form>
				</div>
			</div>
		</div>
		<!--  -->
		<div class="sbannerbox">
			<a href=""><img src="./img/banner.jpg"></a>
		</div>
		<!--  -->
	 	<div class="catalog_wrappy">
				<div class="catalog_box">
					<h2 class="titles"><b>我本天上仙·共18章</b> <span class="icon_mf">免费</span> 本卷共28453字</h2>
					<div class="catalog_book clearfix">
						<p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p><p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p><p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p><p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p><p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p><p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p>
					</div>
				</div>

				<div class="catalog_box">
					<h2 class="titles"><b>我本天上仙·共18章</b> <span class="icon_Vip">VIP</span> 本卷共28453字</h2>
					<div class="catalog_book clearfix">
						<p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p>
						<p class="items">第一章 我要毕业了</p>
					</div>
				</div>
	 	</div>
	 
	</div>

<!-- 页尾 -->
	<div class="footer">
		<div class="center_box">
			<ul class="youqinglink">
				<li><a href="">合作网站：温度中文网</a>|</li>
				<li><a href="">小说阅读</a>|</li>
				<li><a href="">中文网</a>|</li>
				<li><a href="">冰火中文网</a>|</li>
				<li><a href="">掌阅官网</a>|</li>
				<li><a href="">掌阅小说</a>|</li>
				<li><a href="">得间免费小说</a>|</li>
				<li><a href="">红薯中文</a>|</li>
				<li><a href="">趣阅中文</a>|</li>
				<li><a href="">iCiyuan轻小说</a></li>
			</ul>
			<p>Copyright © 2011-2019 Motie.com All Rights Reserved. XXXXXXXX有限公司 版权所有 </p>
			<p>新出网证京字162号 丨 文网文[2015]1982-355号 丨 京ICP证110262号 经营性网站备案信息 丨 京ICP备11010626号-1 </p>
			<p>经营性网站备案信息 丨 网络违法犯罪举报 丨 中国互联网举报中心 丨 网络举报APP下载</p>
                           
		</div>
	</div>

<!-- 评分弹窗 -->
		<div class="shade_box"></div>
		<div class="xingxingbox">
			<h1>评分</h1>
			<div id="startone" class="block clearfix">
				<div class="star_score"></div>
			</div>
			<div class="new_btn_box">
				<a class="btn" href="javascript:" onclick="hideBox()">取消</a>
				<a class="btn" href="javascript:" id="grade_btn">确定</a>
			</div>
 
		</div>
</div>
 
<script src="./js/jquery-1.11.3.min.js"></script>
<script src="./js/swiper.min.js"></script>
<script src="./js/starScore.js"></script>
<script src="./js/action.js"></script>
<script>

// 评分
scoreFun($("#startone"))
$("#grade_btn").click(function(){
	alert(gradeNum)
});



// 滚动图
var certifySwiper = new Swiper('#certify .swiper-container', {
	watchSlidesProgress: true,
	slidesPerView: 'auto',
	centeredSlides: true,
	loop: true,
	loopedSlides: 5,
	autoplay: true,
	navigation: {
		nextEl: '.swiper-button-next',
		prevEl: '.swiper-button-prev',
	},
	pagination: {
		el: '.swiper-pagination',
		//clickable :true,
	},
	on: {
		progress: function(progress) {
			for (i = 0; i < this.slides.length; i++) {
				var slide = this.slides.eq(i);
				var slideProgress = this.slides[i].progress;
				modify = 1;
				if (Math.abs(slideProgress) > 1) {
					modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
				}
				translate = slideProgress * modify * 150 + 'px';
				scale = 1 - Math.abs(slideProgress) / 5;
				zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
				slide.transform('translateX(' + translate + ') scale(' + scale + ')');
				slide.css('zIndex', zIndex);
				slide.css('opacity', 1);
				if (Math.abs(slideProgress) > 3) {
					slide.css('opacity', 0);
				}
			}
		},
		setTransition: function(transition) {
			for (var i = 0; i < this.slides.length; i++) {
				var slide = this.slides.eq(i)
				slide.transition(transition);
			}

		}
	}

})
 


</script>
</body>
</html>